<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>选择器（选中页面某个标签或者多标签）</title>
	<style>
		/*标签选择器*/
		span{
			color: red;
		}
		/*id选择器*/
		#name{
			color: blue;
		}
		/*类选择器*/
		.title{
			color: green;
		}
		/*群组选择器*/
		i,e{
			font-size: 20px;
		}
		/*后代选择器*/
		em span{
			font-size: 50px;
		}
		/*伪选择器*/
		em span:hover{
			color: yellow;
		}
		/*通用选择器*/
		*{
			font-family: "宋体"
		}

	</style>
</head>
<body>
	<span>学并思</span>
	<p id="name">学并思</p>
	<a href="" id="name1">学并思</a>
	<i class="title item">学并思</i>
	<e class="title ">学并思</e>
	<i class="title">学并思</i>
	<p class="price">250.23</p>
	<span class="mailGrayIcon">136565465418</span>
	<em>
		<span>学并思</span>
	</em>
</body>
</html>